@charset "UTF-8";

html, body {
     font-family: 'Muli', sans-serif;
     margin: 0;
     padding: 0;
     font-size: 1em;
     overflow: hidden;
     color: #4d4d4d;
     height: 100%;
     width: 100%;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
     user-select: none;
}

a {
     color: #8FC2FF;
     text-decoration: none;
     outline: none;
}

img {
     border: none;
}

strong {
     color: #b20000;
}


.oculto {
     display: none !important;
}

/*<Menú y cabecera/>*/
div.menu {
     z-index: 4;
     width: 100%;
     height: 67px;
     top: 0;
     background-color: #b20000;
     text-align: center;
     padding-top: 5px;
     position: absolute;
}

a#hndmenu {
     display: none;     
}

div.home {
     width: 100%;
     border-top: 1px solid #222222;
     border-bottom: 1px solid #222222;
     background: transparent url('../img/fndmenu.png');
     z-index: 4;
     text-transform: uppercase;
     position: relative;
     top: 2px;
}

div.home a  {
     color: #222222;
     display: block;
     font-weight: bold;
     margin: 4px;
     text-align: center;
     width: 100%;
     cursor:pointer;
}

div.contmnu {
     height: 0;
     overflow: hidden;
     width: 100%;
     position: absolute;
     z-index: 5;
     top: 101px;
}

ul.topnav {
     list-style: none;
     background: transparent url('../img/fndmenu.png');
     margin: 0 auto;
     border-radius: 0 0  20px 20px;
     border: 1px solid #b20000;
}

ul.topnav li a {
     color: #222222;
     display: block;
     text-align: center;
     text-transform: uppercase;
     padding: 2px;
     border-top: 1px solid transparent;
     border-bottom: 1px solid transparent;
     font-weight: bold;
     height: 20px;
}

ul.topnav li:first-child a:hover {
     border-top: 1px solid transparent !important;
}

ul.topnav li:last-child a:hover {
     border-bottom: 1px solid transparent !important;
}

ul.topnav li a:hover{
     color: #b20000;
     border-color: #b20000;
}
/* sub-menus*/
ul.topnav ul {     
     display: none;     
}

/* Contenido */
div#content {
     overflow: hidden;
     top: 128px;
     width: 90%;
     background-color: rgba(240, 239, 239, 0.9);
     margin: 0 auto;
     border: 1px solid #b20000;
     border-radius: 20px 20px 0 0;
     position: relative;
}

div#content.down {
     overflow: hidden;
}

div#content a#hndcont {
     color: #b20000;
     width: 100%;
     text-align: center;
     cursor: pointer;
     display:block;
     margin-top: 10px;
     position: relative;
}

.mas8 {
     /*top: 8px;*/
}

ul.topnav li ul li.last { 
     background: transparent none repeat scroll 0% 0%; 
     margin: 0px; 
     padding: 0px;
     border: none; 
     position: relative;
     border: none;
     height: 0px;
}

.medio {
     background: transparent url('../img/fndmenu.png');
     position: absolute;
     left: 10px;
     height: 10px; 
     width: 130px; 
     top: 0px;
}

a.anterior {
     color: #AAAAAA !important;
}

a.anterior:hover {
     color: #FFFFFF !important;
}

span.puntos {
     color: #909090;
}

span.puntos.primero {
     padding-left: 10px;
}

#prev {
     height: 100%;
     top: 0;
     left: 0;
     width: 50%;
     display: block;
     cursor: pointer;
     float: left;
     background:  url("../img/prev1.png") no-repeat scroll 2% center transparent;
     position: absolute;
}
     
#next {
     height: 100%;
     top: 0;
     left: 50%;
     width: 50%;
     display: block;
     cursor: pointer;
     float: right;
     background:  url("../img/next1.png") no-repeat scroll 98% center transparent;
     position: absolute;
}
#prev:hover {
     background:  url("../img/prev.png") no-repeat scroll 2% center transparent !important;
}

#next:hover {
     background:  url("../img/next.png") no-repeat scroll 98% center transparent !important;
}
     
#txtmnu:before, #txtmnu:after,
.pleyenda:before, .pleyenda:after {
     color: #b20000;
     content: '\f078';
     font-family: FontAwesome;
     font-weight: normal;
     font-style: normal;
     display: inline-block;
     text-decoration: inherit;
     margin: 0 10px;
}

#txtmnu.down:before, #txtmnu.down:after,
.pleyenda:before, .pleyenda:after {
     content: '\f077';
}

/*<Cinta media/>*/

.medioband {
     top: 120px;	
}

div.contenedor {
     padding:  5px 10px;
}

/* Barra de repliegue */
img#inibanmed {
     position: absolute;
     left: 254px;
     top: 120px;
     /*width: 20px;*/<   
     cursor: pointer;	
     z-index: 3;
}

div#froja {
     height: 100%;
     width: 100%;
     background: transparent url(../img/flecharoja.png) center center no-repeat;
}

div#barra {
     background: transparent url(../img/fndmenu.png);
}

div.contenido {
     overflow: auto;
}

div#inds {
     position: relative;
}

.corporate {
     color: #333333;
     margin: 10px 15px 0px 10px;
     overflow-y: auto;
     height: 90%;
}

.corporate > div {
     clear: both;
     border-bottom: 1px solid #b20000;
     overflow: hidden;
     margin-bottom: 20px;
     padding-bottom: 20px;
}

.corporate a {
     color: #b20000;
}

.cloc {
     height: 72%;
}

div.fotos {
     margin: 10px auto;
}

.fotoscorp {
     width: 55% !important;
}

div.slider {
     display: none;
}
/*</Cinta media>*/


/*<Cinta inferior/>*/

#contentframe, #promo {
     position: absolute;
     left: 275px;
     overflow: hidden;
     height: 100px;
     text-align: left;
     background: transparent url(../img/fndmenu.png);
     width: 100%;
     z-index: 3;
}

#promo {
     height: 360px !important;
}

#barra {
     height: 320px !important;
}

.bottomband {
     bottom: 5%;
}

/* Botón de repliegue de banda inferior */
#iniband {
     position: absolute;
     left: 254px;
     cursor: pointer;
     bottom: 5%;
}

#contentframe img {
     margin: 9px 10px 5px 0px;
}

#scrollpane {
     margin: 0 auto;
     width: 90%;
     overflow: hidden;
}

a.thumba {
     display: block; 
     width: 120px; 
     height: 75px;
     border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
     border: 3px solid #DFB426;
     float: left;
     margin: 10px 10px 0 0;
}

a.activeslide { 
     border-color: #ffffff;
}

a.activeslide img{ 
     border-color: #ffffff;
}

img.thumb {
     border: 3px solid #DFB426;
}

div.flechas {
     display: block;
     position: absolute;
     top: 30px;
     width: 31px;
     height: 35px;
     cursor: pointer;
     width: 35px;
     height: 100px;
     top: 0px;
}

div.flechas.izq{
     background: transparent url(../img/flechaizq.png) center left no-repeat;	
}

div.flechas.der{
     background: transparent url(../img/flechader.png) center right no-repeat;	
}

/*</Cinta inferior>*/

/*<Leyenda fotos/>*/

#showtitle {
     z-index: 3;
     position: absolute;
     bottom: 0px;
     left: 0px;
     background: transparent none;
     display: none !important; /* Ahí va el logo reinicio.net; deshabilita leyenda de fotos por el momento */
     color: #3c2420;
     padding: 15px;
     /*height: 55px;*/
     width: 180px;
     /*margin-left: 20px;*/
}

#showtitle:hover {
     background: transparent url(../img/fndmenu.png);
     -moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.35);
     -webkit-box-shadow:1px 3px 5px rgba(0, 0, 0, 0.35);
     box-shadow:1px 3px 5px rgba(0, 0, 0, 0.35);
     -webkit-border-top-right-radius: 20px;
     -moz-border-radius-topright: 20px;
     border-top-right-radius: 20px;
}

/*</Leyenda fotos>*/

/*<Contenido promos/>*/
div.titulo, span.titulo {
     color: #b20000;
     font-weight: bold;
     font-size: 1.2em;
     text-transform: uppercase;
     max-width: 1000px;
}

div.titulo {
     margin: 7px 15px;
     overflow: hidden;
     height: 1em;     
}

span.titulo {
     margin: 15px 0;
     position: relative;
     text-transform: uppercase;
}

span.titulo:before {
     content:url("../img/favicon24.png");
     margin-top: 1px;
     position: absolute;
}

.cloc span.titulo {
     clear: both;
     display: block;
     border-bottom: 1px solid #B20000;
}

span.titulo > a {
     margin-left: 25px;
}

span.textos {
     display: block;
     margin-top: 10px;
}

div.contenido {
     position: relative; 
     margin: 10px  15px; 
     border: 1px solid #c6c6c6; 
     width: 87%;
     display: none;
     float: left;
     height: 305px;
     font-size: 1.2em;
}

div.contenido.activo {
     display: block;
}

.noovfl {
     overflow: hidden !important;
}

.corpor {
     width: 97% !important;
}

ul.navi {
     list-style: none;
}

ul.navi li {
     float: left;
     width: 33%;  
}

ul.navi.vigente li:nth-child(2),
ul.navi li:nth-child(2) {
     display: none;
}

ul.navi.vigente li {
     width: 25% !important;  
}

ul.navi li a {
     color: #111111;
     display: block;
     text-decoration: none;	
     margin: 10px auto;
     text-align: center;
     height: 58px;
     width: 58px;
}

a.ds.inactiva {
     background: transparent url('../img/ds.png') center center no-repeat;
}

a.ds.inactiva:hover, a.ds {
     background: transparent url('../img/dsh.png') center center no-repeat;
     cursor:pointer;
}

a.mp, span#mp, div#elmapa {
     display: none;     
}

a.pl.inactiva {
     background: transparent url('../img/pl.png') center center no-repeat;
}

a.pl.inactiva:hover, a.pl {
     background: transparent url('../img/plh.png') center center no-repeat;
     cursor:pointer;
}

a.cl.inactiva {
     background: transparent url('../img/cl.png') center center no-repeat;
}

a.cl.inactiva:hover, a.cl {
     background: transparent url('../img/clh.png') center center no-repeat;
     cursor:pointer;
}

a.pd.inactiva {
     background: transparent url('../img/pd.png') center center no-repeat;
}

a.pd.inactiva:hover, a.pd {
     background: transparent url('../img/pd.png') center center no-repeat;
     cursor:pointer;
}

p.vendida {
     background: transparent url('../img/vendida.png') center center no-repeat;
     position: absolute;
     bottom: -1px;
     right: 0;
     width: 150px;
     height: 113px;
     z-index: 100;
}

div.zoom {
     display: none;
}

div#zoom {
     z-index: 10;
     overflow: hidden;
}

a.zoom {
     float: left;
     margin: 10px;
}



/*</Contenido promos>*/

div.wait {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 80%;
     display: none;
     background: transparent url('../img/superbgloading.gif') center center no-repeat;
     z-index: 20;
}

div.contenido span ul {
     margin-left: 15px;
}

div#cor {
     position: relative;
     top: -40px;
     width: 350px;
     margin: 0px auto;
     display: none;
     background: transparent url(../img/fndmenu.png);
     -moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.35);
     -webkit-box-shadow:1px 3px 5px rgba(0, 0, 0, 0.35);
     box-shadow:1px 3px 5px rgba(0, 0, 0, 0.35);
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
     z-index: 150;
     padding: 10px;
}

textarea#id_texto {
     height: 100px;
}

div#cor ul 
{
     list-style: none;
     margin: 15px;
}

div#cor ul li{
     margin-bottom: 15px;
     width: 300px;
}

div#cor input {
     margin: 0 auto;
}

div.avoverlay {
     display: none;
     position: absolute;
     top: 0px;
     width: 100%;
     height: 100%;
     background: transparent url(../img/fndcorp.png);
     z-index: 145;
}

table#form  tr td{
     padding: 4px;
     text-align: center;
     width: 200px;
}

p.req:after {
	font-style: italic;
     font-size: 70%;
	content: " (obligatorio)";
}

p.error {
     color: #cb3030cor;
}

div#cuestionario {
     border: 1px solid #aaa;
     background-color: #eee;
     margin: 15px auto;
     padding: 20px;
     -moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.35);
     -webkit-box-shadow:1px 3px 5px rgba(0, 0, 0, 0.35);
     box-shadow:1px 3px 5px rgba(0, 0, 0, 0.35);
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
     width: 75%;
}

div#cuestionario h4 {
     margin: 20px 0 10px 0;
}

div#cuestionario h5 {
     margin: 0 0 10px 0;
}

div#cuestionario ul {
     list-style: none;  
     margin-bottom: 15px;
}

div#cuestionario ul li {
     float: left;
     margin-right: 15px;
}

div#cuestionario textarea {
     height: 100px;
     width: 80%;
     margin: 0 0 15px 0;
}

div#cuestionario p {
     margin: 10px;
}

div#cuestionario .submit {
     padding: 4px;
     margin: 15px;
}

div#cuestionario ul.errorlist li {
     color: #F00;
     font-size: 10px;
}

div.barcont {
     margin: 10px 5px 5px 5px;
     border: 1px solid #666;
     font-size: 14px;
}

div.barperc {
     padding: 2px;div.conte {
font-size: 1.2em;
padding-right: 15px;
width: auto;
}
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
     white-space: nowrap;
}

a.reinicio {
     display: none;
}

div.comment {
     font-style: italic;
     font-size: 90%;
     margin-top: 10px;
}

#recaptcha_area, #recaptcha_table {
     margin: 0 auto;
}

     
div.contacto > span:first-child {
     margin: 0 auto;
     width: 90%;
     display: block;
     border: 1px solid #b20000;
     padding: 10px;
}

div.formularioc {
     margin: 10px auto;
     width: 90%;     
}

div#mnupromo {
    display: none;
}

div.fecha {
     font-size: 80%;     
}

/* Animatron */
div#animatron {
     background-color: #b20000;
     position: absolute;
     top: 0;
     height: 100%;
     width: 100%;
     z-index: 500;
     display: none;
}

div#animatron > div {
     position: relative;
     margin: 0 auto;
     width: 50%;
     height: 100%;
     margin-top: 40%;
}

div#animatron > div > img {
     width: 100%;
     max-width: 500px;
     margin: 0 auto;
     display: block;
}
/* Fin animatron */

div.conte {
     font-size: 1.2em;
     padding-right: 15px;
     width: 100%;
}
     
div.conte span > ul {
     margin: 15px 0 0 40px;
}

.formularioc p {
     margin: 6px 0;     
}

/* Media query para desktop */
@media screen and (min-width: 1024px) {
     #swipe {
          display: none;
     }

     div#content {
          max-width: 1100px;
     }
     
     div.conte {
          width: auto;
     }

     div.slider {
          position: relative;
          display: block;
     }
     
     div.slider img {
          position: absolute;
          top: 0px;
          left: 0px;
          display: none;
     }
     /* Menú */
     div.menu {
          border-top-left-radius: 20px;
          border-bottom-left-radius: 20px;
          right: 0;
          text-align: left;
     }
     
     a#hndmenu {
          display: block;
          color: #FFFFFF; 
          width: 10px;
          float: left;
          top: 24px;
          position: relative;
          margin: 0 15px;
          cursor: pointer; 
     }
     
     a.mp, span#mp, div#elmapa {
          display: block;     
     }
     
     a.mp.inactiva {
          background: transparent url('../img/mp.png') center center no-repeat;
     }
     
     a.mp.inactiva:hover, a.mp {
          background: transparent url('../img/mph.png') center center no-repeat;
          cursor:pointer;
     }
     
     
     ul.navi li {
          float: left;
          width: 25%;  
     }
     
     ul.navi.vigente li:nth-child(2),
     ul.navi li:nth-child(2) {
          display: block;
     }
     
     ul.navi.vigente li {
          width: 20% !important;  
     }

     div.home {
          display: none;
     }
     
     div.contmnu {
          height: 20px;
          top: 25px;
          left: 240px;
          overflow: visible;
          width: auto;
     }
     
     ul.topnav {
          background-image: none;
          margin: auto;
          border-radius: 0;
          border: 0 none;
     }
     
     ul.topnav li {
          float: left;
     }
     
     ul.topnav li a {
          color: #FFFFFF;
          text-align: center;
          border-top: 0 none;
          border-bottom: 0 none;
          font-size: 0.9em;
     }
     
     ul.topnav > li > a:before {          
          content: '::';
          text-decoration: inherit;
          margin: 0 5px;
     }
     
     ul.topnav li.primero > a {
          margin: 0;
          text-align: right;
     }
     
     ul.topnav li.ultimo a {
          width: 75px;
          margin: 0;
     }
     ul.topnav > li.primero > a:before {
          content: '';     
     }    
           
     ul.topnav li a:hover{
          color: #FFFFFF !important;
          border: 0; 
     }    
     
     ul.topnav li:first-child a:hover {
          border-top: 0 !important;
     }
     
     /* sub-menus*/
     ul.topnav ul {
          padding: 10px; 
          display: block;
          border-bottom-right-radius: 20px;
          border-bottom-left-radius: 20px;
          background-color: #b20000;
          position: absolute;
          width: 200px;
          margin-left: -15px;
     }
     
     ul.topnav li ul { 
          /* for IE */ 
          display: none;
     }
     
     ul.topnav li ul li {
          display: block; 
          list-style-type:none; 
          float: none;
          height: 35px;
     }
     
     ul.topnav li ul li a {
          text-align: center;
          font-weight: bold;
          color: #FFFFFF;
     }
     
     ul.topnav li ul li a.anterior:after {
          content: url("../img/vendidita.png");
          position: absolute;
          right: 10px;
          margin: -8px -2px 0 0;
     }
     
     div.fotos {
          margin: 0 0 10px 25px;
          float: right;
     }
          
     a.reinicio {
          position: absolute;
          bottom: 52px;
          left: -42px;
          display: block;
          transform: rotate(-90deg);
     }
     
     a.reinicio img {  
          width: 130px;
          height: 27px;
     }
     
     div.contacto > span:first-child {
          margin: 0 auto;
          width: 16em;
          display: block;
          border: 1px solid #b20000;
          padding: 20px;
     }

     div.formularioc {
          margin: 20px auto;
          width: 50%;     
     }
     
     .corporate {
          color: #333333;
          text-align: justify;
          text-justify: distribute;
          overflow-y: auto;
          margin: 10px auto 0;
          max-width: 1000px;
     }
     
     div#animatron > div {
          margin-top: 7%;
     }
     
     div#mnupromo {
          height: 70px;
          max-width: 800px;
          margin: 0 auto;
          display: block;
     }
}

